@extends('_layouts.blank')

@section('page-level-styles')
{{ HTML::style('assets/global/plugins/bootstrap-datepicker/css/datepicker.css') }}
{{ HTML::style('assets/global/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css') }}
{{ HTML::style('assets/global/plugins/bootstrap-modal/css/bootstrap-modal.css') }}
@stop

@section('page-level-plugins')
{{ HTML::script('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}
{{ HTML::script('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.vi.js') }}
{{ HTML::script('assets/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js') }}
{{ HTML::script('assets/global/plugins/bootstrap-modal/js/bootstrap-modal.js') }}
@stop

@section('page-level-script')
{{ HTML::script('assets/admin/pages/scripts/attendance.js') }}
@stop

@section('jquery-document-ready')
Attendance.init();
@stop

@section('breadcrumb-button')
<li class="btn-group">
    <button class="btn green" id="btn-new"><i class="fa fa-bookmark"></i> {{ $iCurrentCourse }}</button>
</li>
@stop

@section('page-content')
<input type="hidden" class="url-data" value="{{ route('attendance-user') }}" />
<div id="ajax-modal" class="modal fade container modal-scroll" tabindex="-1"></div>
<div class="row margin-bottom-5 filter-bar">
    <div class="col-md-8">
        <select name="class_id" id="class_id" class="form-control input-inline margin-bottom-5">
            @foreach ($aClasses as $oClasses )
            <option value="{{ $oClasses->id }}">{{ $oClasses->generateClassName(true) }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-2">
        <div class="input-group date-picker date margin-bottom-5 pull-right" data-date-format="dd-mm-yyyy">
            <input type="text" class="form-control" readonly name="date" placeholder="{{ trans('user-pages.list.datefrom') }}">
            <span class="input-group-btn">
                <button class="btn default" type="button"><i class="fa fa-calendar"></i></button>
            </span>
        </div>
    </div>
    <div class="col-md-2">
        <select name="counter" id="counter" class="form-control margin-bottom-5">
            <option value="0">1 {{ trans('attendance.week') }}</option>
            <option value="1">2 {{ trans('attendance.week') }}</option>
            <option value="2">3 {{ trans('attendance.week') }}</option>
            <option value="3">4 {{ trans('attendance.week') }}</option>
        </select>
    </div>
</div>
<div class="table-responsive table-content"></div>
@stop